<!--
$Id: example.html 44 2008-11-06 10:54:15Z cdemetriadis $
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<title>Lovely CSS Framework version</title>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="author" content="Constantinos Demetriadis" />
	<meta name="url" content="http://www.example.com" />
	<meta name="keywords" content="Keywords" />
	<meta name="description" content="Description" />
	<meta name="copyright" content="Copyright" />
	<meta name="robots" content="ALL" />
	
	<link rel="shortcut icon" href="favicon.png" />
    
	<!-- jQuery -->
	<script src="_js/jquery.js" type="text/javascript"></script>
	<script src="_js/swfobject.js" type="text/javascript"></script>
    
	<style type="text/css" media="screen">
    	@import url("_css/base.css");
	</style>
    
	<style type="text/css" media="print">
    	@import url("_css/tpl.print.css");
	</style>
	
	<!--[if IE 6]>
	<style type="text/css" media="screen">
    	@import url("_css/includes/inc.ie-fix.css");
	</style>
	<![endif]-->

</head>
<body>

<div id="gridContainer">
		
        <hr />
        
		<h1>h1</h1>
		<h2>h2</h2>
		<h3>h3</h3>
		<h4>h3</h4>
		<h5>h3</h5>
		<h6>h3</h6>
		
        <hr />
		
		<p>this is a paragraph with a <a href="#">link</a></p>
		
        <hr />
		
		<p><a href="#"><img src="stouffer.jpg" alt="Paragraph with Linked image" /></a></p>
		
        <hr />
        
        <blockquote><p>This is a blockquote</p></blockquote>
		
        <hr />
		
		<table summary="Dummy Table">
			<caption>Table Caption</caption>
            <thead>
                <tr>
                    <th>Header</th>
                    <th>Header</th>
                    <th>Header</th>
                    <th>Header</th>
                    <th>Header</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th>Data</th>
                    <td>Data</td>
                    <td>Data</td>
                    <td>Data Data Data Data Data</td>
                    <td>Data</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <th>Data Data</th>
                    <td>Data</td>
                    <td>Data Data Data Data Data</td>
                    <td>Data</td>				
                    <td>Data</td>
                </tr>
            </tfoot>
		</table>
		
        <hr />
		
		<ul>
			<li>ul list #1</li>
			<li>ul list #2</li>
		</ul>
		
        <hr />
		
		<ol>
			<li>ol list #1</li>
			<li>ol list #2</li>
		</ol>
		
        <hr />
		
		<dl>
			<dt>dt</dt>
			<dd>dd</dd>
		</dl>
		
        <hr />

</div>

<div class="clear"></div>

</body>

</html>